<template>
  <div class="datauser">
    <dataTop @timeFrame="timeFrame"></dataTop>

    <div class="dataUserMain">

      <el-card shadow="never">
        <el-row :gutter="20">
         <el-col :span="8">
        <dataOne :pullTime="pullTime" />
         </el-col>
        <el-col :span="8">
        <dataTow  :pullTime="pullTime"/>
        </el-col>

        <el-col :span="8">
        <dataThree :pullTime="pullTime"/>
        </el-col>

        </el-row>
      </el-card>

    </div>

  </div>
</template>

<script>

import dataOne from './children/dataOne.vue'
import dataThree from './children/dataThree.vue'
import dataTop from './children/dataTop.vue'
import dataTow from './children/dataTow.vue'

export default {
  data () {
    return {
      pullTime: []

    }
  },
  methods: {
    timeFrame (val) {
      this.pullTime = val
    }

  },

  components: {
    dataTop,
    dataOne,
    dataTow,
    dataThree

  }
}
</script>

<style lang="less" scoped>
.dataUserMain{
  margin-top: 30px;
}
</style>
